<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap.min.css"/>" />
<link href="/resources/css/header.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<c:url value="/resources/css/common.css"/>" />
<link href="/resources/lib/font-awesome-4.4.0/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/soap/testSoap.css"/>" />

<script src="<c:url value="/resources/lib/jquery-2.1.4.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/bootstrap-3.3.5/js/bootstrap.min.js" />"
	type="text/javascript"></script>

<script
	src="<c:url value="/resources/lib/angular-1.4.7/angular.min.js"/>"
	type="text/javascript">
	
</script>
<script src="<c:url value="/resources/js/soap/testSoap.js" />"
	type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test Soap protocol</title>
</head>
<body ng-app="conversionTool">
	<ng-include src="'/resources/viewPart/nav.html'"> </ng-include>
	<header>
		<div class="head-line">
			<h3 class="head-title">Test Soap protocol</h3>
		</div>
	</header>

	<section class="container" ng-controller="soapTestCtrl">
		<form role="form" class="form-horizontal text-center">
			<div class="form-group text-center form-line">
				<div class="col-xs-4 text-right">
					<label for="URL">End Point</label>
				</div>
				<div class="col-xs-8">
					<input type="text" class="form-control" id="url" ng-model="url"
						placeholder="please enter endpoint url" />

				</div>
			</div>

			<div class="form-group text-center form-line">
				<div class="col-xs-4 text-right">
					<label for="URL">User Name</label>
				</div>
				<div class="col-xs-8">
					<input type="text" class="form-control" id="userName"
						ng-model="userName" placeholder="please enter endpoint user name">

				</div>
			</div>


			<div class="form-group text-center form-line">
				<div class="col-xs-4 text-right">
					<label for="URL">password</label>
				</div>
				<div class="col-xs-8">
					<input type="password" class="form-control" id="url"
						ng-model="password" placeholder="please enter endpoint password">

				</div>
			</div>


			<div class="form-group text-center form-line">
				<div class="col-xs-4 text-right"></div>
				<div class="col-xs-8 text-left">
					<div class="btn-group">
						<button type="button" class="btn btn-primary"
							ng-class="{active: 'None'== passwordType}"
							ng-click="setType('None')">None</button>
						<button type="button" class="btn btn-primary"
							ng-class="{active: 'PasswordText'== passwordType}"
							ng-click="setType('PasswordText')">PasswordText</button>
						<button type="button" class="btn btn-primary"
							ng-class="{active: 'PasswordDigest'== passwordType}"
							ng-click="setType('PasswordDigest')">PasswordDigest</button>
					</div>

				</div>
			</div>

			<div class="form-group text-center form-line">
				<div class="col-xs-4 text-right">
					<label for="URL">Payload</label>
				</div>
				<div class="col-xs-8">
					<textarea rows="" cols="" id="payload" class="form-control"
						ng-model="payload"></textarea>

				</div>
			</div>


			<div class="form-group text-center form-line">
				<div class="col-xs-4"></div>
				<div class="col-xs-8 text-left">
					<input type="button" value="Send Soap" class="btn btn-primary"
						ng-click="sendSoap()" />

				</div>
			</div>

			<div class="form-group text-center form-line">
				<div class="col-xs-4 text-right">
					<label for="URL">Result</label>
				</div>
				<div class="col-xs-8">
					<textarea rows="" cols="" id="result" class="form-control"
						ng-model="result"></textarea>
				</div>
			</div>
		</form>

	</section>


</body>
</html>